%flex-column {
  display: flex;
  flex-direction: column;
}

%flex-row {
  display: flex;
  flex-direction: row;
}

%flex-center {
  justify-content: center;
  align-items: center;
}

%flex-justify-content-center {
  justify-content: center;
}

%flex-justify-content-end {
  justify-content: flex-end;
}

%flex-justify-content-space-between {
  justify-content: space-between;
}

%flex-justify-content-space-around {
  justify-content: space-around;
}

%flex-align-items-center {
  align-items: center;
}

%flex-align-items-start {
  align-items: flex-start;
}

%flex-align-items-end {
  align-items: flex-end;
}

%flex-align-items-stretch {
  align-items: stretch;
}

%border {
  border: 1px solid #ddd;
}

%border-radius {
  border-radius: 3px;
}

%border-radius-small {
  border-radius: 12px;
}

%border-radius-large {
  border-radius: 24px;
}

%border-radius-circle {
  border-radius: 50%;
}

%border-radius-pill {
  border-radius: 100%;
}